<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"
      xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>选择导出字段</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store, must-revalidate">
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    <meta http-equiv="expires" content="-1">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
          name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/dist/img/icon.png" type="image/x-icon">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="/dist/plugins/bootstrap/css/bootstrap.min.css">
    <!--字体-->
    <link rel="stylesheet" href="/dist/css/font-awesome.min.css">
    <!--图标-->
    <link rel="stylesheet" href="/dist/css/ionicons.min.css">
    <!--插件样式-->
    <link href="/dist/plugins/ztree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/dist/plugins/webuploader-0.1.5/webuploader.css">
    <!--OA主样式-->
    <link rel="stylesheet" href="/dist/css/OA.min.css?t=f5a12a1d">
    <link rel="stylesheet" href="/dist/css/skins/OA-skins.min.css?t=16f1e6f3">
    <style>
        input[type=checkbox], input[type=radio] {
            margin: 8px 2px 0;
            float:left;

        }

        td span{
            float:left;

        }
        content {
            position: absolute;
            top: 50%;
            height: 240px;
            margin-top: -120px; /* negative half of the height */
        }
        .model-picker-input {
            opacity: 0 !important;
            top: -9999px;
            left: -9999px;
            position: absolute;
        }

        .model-picker-span {
            position: relative;
            display: block;
            outline: 0;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            border-bottom: 1px solid #ccc;
            background-color: #fff;
            color: #ccc;
            cursor: pointer;
        }

        .jiaobiao {
            position: relative;
        }

        .jiaobiao i {
            display: block;
            width: 0;
            height: 0;
            border-width: 0px 0 12px 12px;
            border-style: solid;
            border-color: transparent transparent transparent #2a8cec;
            position: absolute;
            top: 0px;
            left: 0px;
        }

        .table-detail td.twoLine {
            line-height: 1.5 !important;
            padding: 3px 0 !important;
        }

        .model-picker-span > .placeholder {
            color: #aaa;
        }

        .model-picker-span > .arrow {
            position: absolute;
            top: 50%;
            right: 8px;
            width: 10px;
            margin-top: -3px;
            height: 5px;
            background: url(../images/drop-arrow.png) -10px -25px no-repeat;
        }

        .model-picker-span.focus,
        .model-picker-span.open {
            border-bottom-color: #46A4FF;
        }

        .model-picker-span.open > .arrow {
            background-position: -10px -10px;
        }

        .model-picker-span > .title > span {
            color: #333;
            padding: 5px;
            border-radius: 3px;
        }

        .model-picker-span > .title > span:hover {
            background-color: #f1f8ff;
        }

        .model-picker-dropdown {
            position: absolute;
            width: 315px;
            left: -9999px;
            top: -9999px;
            outline: 0;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            z-index: 999999;
            display: none;
            min-width: 200px;
            margin-bottom: 20px;
            margin-top: 5px;
        }

        .model-select-wrap {
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
        }

        .model-select-tab {
            border-bottom: 1px solid #ccc;
            background: #f5f5f5;
            font-size: 13px;
        }

        .model-select-tab > a {
            display: inline-block;
            padding: 4px 20px;
            border-left: 1px solid #ccc;
            border-bottom: 1px solid transparent;
            color: #4D4D4D;
            text-align: center;
            outline: 0;
            text-decoration: none;
            cursor: pointer;
            font-size: 14px;
            margin-bottom: -1px;
        }

        .model-select-tab > a.active {
            background: #fff;
            border-bottom: 1px solid #fff;
            color: #46A4FF;
        }

        .model-select-tab > a:first-child {
            border-left: none;
        }

        .model-select-tab > a:last-child.active {
            border-right: 1px solid #ccc;
        }

        .model-select-content {
            width: 100%;
            min-height: 50px;
            background-color: #fff;
            padding: 5px 5px;
        }

        .model-select {
            font-size: 16px;
        }

        .model-select dl {
            line-height: 2;
            clear: both;
            padding: 3px 0;
            margin: 0;
            max-height: 200px;
            overflow-y: scroll;
        }

        .model-select dt {
            position: absolute;
            width: 2.5em;
            font-weight: 500;
            text-align: right;
            line-height: 2;
        }

        .model-select dd {
            margin-left: 0;
            line-height: 2;
        }

        .model-select.province dd {
            margin-left: 3em;
        }

        .model-select a {
            display: inline-block;
            padding: 0 10px;
            outline: 0;
            text-decoration: none;
            white-space: nowrap;
            margin-right: 2px;
            text-decoration: none;
            color: #333;
            cursor: pointer;
        }

        .model-select a:hover,
        .model-select a:focus {
            background-color: #f1f8ff;
            border-radius: 2px;
            color: #46A4FF;
        }

        .model-select a.active {
            background-color: #46A4FF;
            color: #fff;
            border-radius: 2px;
        }

        /* .table-detail input[type=text] {
             padding-left: 0 !important;
         }*/

        td {
            color: #2a8cec;
        }

        td.td-title, td select, td .filename, td.td-module {
            color: #333;
        }

        select {
            color: rgb(42, 140, 236) !important;
            background: #fff;
        }

        .table-detail td {
            font-size: 14px;
            line-height: 29px;
            height: 29px;
            border-right: 1px solid #cbcbcb;
            border-bottom: 1px solid #cbcbcb;
        }

        .table-detail td.td-title {
            line-height: 1.5;
            font-size: 12px;
            height: 29px;
            line-height: 29px;
        }

        .table-detail td.td-row3 {
            height: 70px;
            line-height: 20px;
            max-height: 70px;
            overflow: hidden;
            position: relative;
        }

        .yuying {
            position: absolute;
            right: 10px;
            bottom: 10px;
            width: 20px;
            height: 20px;
            background: url("/dist/img/yuyin.png");
            background-size: cover;
            cursor: pointer;
        }

        input {
            text-align: left !important;
        }

        .table-detail td.td-value {
            text-align: left !important;
            padding-left: 6px !important;
            font-size: 14px !important;
        }

        .table-detail td.td-value2 {
            padding: 1px !important;
            text-align: left !important;
            padding-left: 6px !important;
        }

        .td-value2 input {
            box-shadow: inset 1px 1px 4px #333;
            height: 100% !important;
            padding-left: 4px !important;
        }

        .btn-group-xs > .btn, .btn-xs {
            padding: 1px 5px;
            font-size: 16px;
            line-height: 1.5;
            border-radius: 3px;
        }

        .table-detail textarea {
            height: 60px;
            width: 100%;
            border: none;
            outline: none;
            -webkit-appearance: none;
            resize: none;
            line-height: 20px;
            padding-top: 2px !important;
            padding-left: 6px;
        }

        .td-row3 span {
            max-height: 60px;
            line-height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            text-align: left;

        }

        .div-td-content-more {
            position: absolute;
            height: auto;
            z-index: 999;
            line-height: 20px;
            background-color: #d3e8fd;
            padding: 8px 6px;
            border: 1px solid #e8e8ea;
            display: none;
        }

        .div-td-content-more i {
            width: 15px;
            height: 12px;
            background: url("/dist/img/more-icon.png");
            position: absolute;
            left: 50px;
            top: -12px;
        }

        .td-module td {
            color: black;
        }

        .table-detail {
            border-left: 1px solid #cbcbcb;
            border-top: 1px solid #cbcbcb;
        }

        .table-detail .td-module {
            background-color: yellow;
        }

        .span-a-btn {
            position: absolute;
            right: 10px;
            margin-right: 19px;
        }

        .span-a-btn a {
            font-size: 20px;
        }

        .lineTwo span {
            max-height: 48px;
            line-height: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            text-align: left;

        }
    </style>
</head>
<body>
<iframe id="ifAttach" style="display:none"></iframe>
<div class="div-td-content-more"><i></i></div>
<section class="content" id="app" v-cloak style="padding:0px;">
    <div class="center" style="overflow:auto;overflow-x:hidden;">
        <iframe id="ifExprot" style="width:0px;height:0px;display: none;" frameborder="0"></iframe>
        <table class="table-detail">
            <tr class="td-module">
                <td colspan="8"> <input type="checkbox" id="checkAll" v-model="isCheckedAll1" class="pull-left "  style="margin-top: 9px"/><span class="pull-left">全选</span>基本信息</td>
            </tr>
            <tr>
                <td class="td-title" ><input type="checkbox" :checked="isArrayBasic('contractNo;合同编号')" enabled="isEnable(item)"  style="align-content: left"
                                                                @click="checked('contractNo;合同编号')"/><span>合同编号</span></td>
<span></span>
                <td class="td-title" > <input type="checkbox" :checked="isArrayBasic('createUserName;操作员')" enabled="isEnable(item)"
                                                                 @click="checked('createUserName;操作员')"/><span>操作员</span></td>

                <td class="td-title" > <input type="checkbox" :checked="isArrayBasic('buyer;客户名称')" enabled="isEnable(item)"
                                                                 @click="checked('buyer;客户名称')"/><span>客户名称</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayBasic('buyerTaxNo;身份证号(税号)')" enabled="isEnable(item)"
                                               @click="checked('buyerTaxNo;身份证号(税号)')"/><span>身份证号(税号)</span></td>

                <td class="td-title"  ><input type="checkbox" :checked="isArrayBasic('buyerTel;联系电话')" enabled="isEnable(item)"
                                              @click="checked('buyerTel;联系电话')"/><span>联系电话</span></td>
                <td class="td-title"  > <input type="checkbox" :checked="isArrayBasic('buyerAddress;地址')" enabled="isEnable(item)"
                                               @click="checked('buyerAddress;地址')"/><span>地址</span></td>
                <td class="td-title"  >   <input type="checkbox" :checked="isArrayBasic('legalRepresentativeName;法人姓名')"
                                                 enabled="isEnable(item)"
                                                 @click="checked('legalRepresentativeName;法人姓名')"/><span>法人姓名</span></td>
                <td class="td-title" > <input type="checkbox" :checked="isArrayBasic('legalRepresentativeTel;法人电话')"
                                                                 enabled="isEnable(item)"
                                                                 @click="checked('legalRepresentativeTel;法人电话')"/><span>法人电话</span></td>
            </tr>


            <tr>
                <td class="td-title"  >  <input type="checkbox" :checked="isArrayBasic('guarantor;担保人(一)')" enabled="isEnable(item)"
                                                                  @click="checked('guarantor;担保人(一)')"/><span>担保人(一)</span></td>

                <td class="td-title"  ><input type="checkbox" :checked="isArrayBasic('guarantorTaxNo;身份证号')" enabled="isEnable(item)"
                                                                @click="checked('guarantorTaxNo;身份证号')"/><span>身份证号</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayBasic('guarantorTel;担保人电话')" enabled="isEnable(item)"
                                                                 @click="checked('guarantorTel;担保人电话')"/><span>担保人电话</span></td>

                <td class="td-title"  ><input type="checkbox" :checked="isArrayBasic('guarantorAddress;担保人地址')" enabled="isEnable(item)"


                                                                @click="checked('guarantorAddress;担保人地址')"/><span>担保人地址</span></td>
                <td class="td-title"  ></td>
                <td class="td-title"  ></td>
                <td class="td-title"  ></td>
                <td class="td-title"  ></td>
            </tr>

            <tr class="td-module">
                <td colspan="8"> <input type="checkbox" id="checkAll2" v-model="isCheckedAll2" class="pull-left "  style="margin-top: 9px"/><span class="pull-left">全选</span>设备信息</td>
            </tr>
            <tr>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayDevice('deliveryDate;交车日期')" enabled="isEnable(item)"
                                                                 @click="checked('deliveryDate;交车日期')"/><span>交车日期</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayDevice('deliveryAddress;交车地址')" enabled="isEnable(item)"
                                                                 @click="checked('deliveryAddress;交车地址')"/><span>交车地址</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayDevice('regionName;区域')" enabled="isEnable(item)"
                                                                 @click="checked('regionName;区域')"/><span>区域</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayDevice('regionManagerName;区域经理')" enabled="isEnable(item)"
                                                                 @click="checked('regionManagerName;区域经理')"/><span>区域经理</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayDevice('bigRegionManagerName;大区经理')"
                                                                 enabled="isEnable(item)"
                                                                 @click="checked('bigRegionManagerName;大区经理')"/><span>大区经理</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayDevice('regionDirectorName;区域总监')" enabled="isEnable(item)"
                                                                 @click="checked('regionDirectorName;区域总监')"/><span>区域总监</span></td>


                <td class="td-title"  > <input type="checkbox" :checked="isArrayDevice('brandName;品牌')" enabled="isEnable(item)"
                                                                 @click="checked('brandName;品牌')"/><span>品牌</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayDevice('deviceType;设备类型')" enabled="isEnable(item)"
                                                                 @click="checked('deviceType;设备类型')"/><span>设备类型</span></td>


            </tr>
            <tr>
                <td class="td-title"  ><input type="checkbox" :checked="isArrayDevice('modelName;型号')" enabled="isEnable(item)"
                                              @click="checked('modelName;型号')"/><span>型号</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayDevice('serialNo;序列号')" enabled="isEnable(item)"
                                                                 @click="checked('serialNo;序列号')"/><span>序列号</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayDevice('salesPrice;销售价格')" enabled="isEnable(item)"
                                                                 @click="checked('salesPrice;销售价格')"/><span>销售价格</span></td>

                <td class="td-title"  >  <input type="checkbox" :checked="isArrayDevice('buyType;付款方式')" enabled="isEnable(item)"
                                                                  @click="checked('buyType;付款方式')"/><span>付款方式</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayDevice('financeCompany;融资公司')" enabled="isEnable(item)"
                                                                 @click="checked('financeCompany;融资公司')"/><span>融资公司</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayDevice('loanTerm;融资期限')" enabled="isEnable(item)"
                                                                 @click="checked('loanTerm;融资期限')"/><span>融资期限</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayDevice('downPayment;首付比列')" enabled="isEnable(item)"
                                                                 @click="checked('downPayment;首付比列')"/><span>首付比列</span></td>


                <td class="td-title"  ><input type="checkbox" :checked="isArrayDevice('dkSumInterest;利息金额')" enabled="isEnable(item)"
                                              @click="checked('dkSumInterest;利息金额')"/><span>利息金额</span></td>
            </tr>
            <tr>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayDevice('haveReplacement;以旧换新')" enabled="isEnable(item)"
                                                                 @click="checked('haveReplacement;以旧换新')"/><span>以旧换新</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayDevice('replacementsName;置换类型')" enabled="isEnable(item)"
                                                                 @click="checked('replacementsName;置换类型')"/><span>置换类型</span></td>

                <td class="td-title"  >  <input type="checkbox" :checked="isArrayDevice('priceOffer;价格优惠说明')" enabled="isEnable(item)"
                                                                  @click="checked('priceOffer;价格优惠说明')"/><span>价格优惠说明</span></td>
                <td class="td-title"  ></td>
                <td class="td-title"  ></td>
                <td class="td-title"  ></td>
                <td class="td-title"  ></td>
                <td class="td-title"  ></td>
            </tr>


            <tr class="td-module">
                <td colspan="8"> <input type="checkbox" id="checkAll3" v-model="isCheckedAll3" class="pull-left "  style="margin-top: 9px"/><span class="pull-left">全选</span>旧机信息</td>
            </tr>
            <tr>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayOld('jbrandName;旧机品牌')" enabled="isEnable(item)"
                                                                 @click="checked('jbrandName;旧机品牌')"/><span>旧机品牌</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayOld('jreplacementType;设备类型')" enabled="isEnable(item)"
                                                                 @click="checked('jreplacementType;设备类型')"/><span>旧机设备类型</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayOld('jmodelName;型号')" enabled="isEnable(item)"
                                                                 @click="checked('jmodelName;型号')"/><span>旧机型号</span></td>
                <td class="td-title"  > <input type="checkbox" :checked="isArrayOld('jsequence;序列号')" enabled="isEnable(item)"
                                                                 @click="checked('jsequence;序列号')"/><span>旧机序列号</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayOld('jestimatePrice;评估价格')" enabled="isEnable(item)"
                                                                 @click="checked('jestimatePrice;评估价格')"/><span>评估价格</span></td>

                <td class="td-title"  >  <input type="checkbox" :checked="isArrayOld('jreplacementPrice;置换价格')" enabled="isEnable(item)"
                                                @click="checked('jreplacementPrice;置换价格')"/><span>置换价格</span></td>


                <td class="td-title"  > <input type="checkbox" :checked="isArrayOld('jsellPrice;出售价格')" enabled="isEnable(item)"
                                               @click="checked('jsellPrice;出售价格')"/><span>出售价格</span></td>


                <td class="td-title"  > <input type="checkbox" :checked="isArrayOld('jreplacementSubsidy;置换补贴')" enabled="isEnable(item)"
                                               @click="checked('jreplacementSubsidy;置换补贴')"/><span>置换补贴</span></td>
            </tr>


            <tr class="td-module">
                <td colspan="8"> <input type="checkbox" id="checkAll4" v-model="isCheckedAll4" class="pull-left "  style="margin-top: 9px"/><span class="pull-left">全选</span>房屋信息</td>
            </tr>
            <tr>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayHouse('replacementType;房屋类型')" enabled="isEnable(item)"
                                                                 @click="checked('replacementType;房屋类型')"/><span>房屋类型</span></td>

                <td class="td-title"  ><input type="checkbox" :checked="isArrayHouse('storeAddress;所在地')" enabled="isEnable(item)"
                                                                @click="checked('storeAddress;所在地')"/><span>所在地</span></td>

                <td class="td-title"  ><input type="checkbox" :checked="isArrayHouse('houseName;房屋名称')" enabled="isEnable(item)"
                                                                @click="checked('houseName;房屋名称')"/><span>房屋名称</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayHouse('buildingNumber;楼号单元')" enabled="isEnable(item)"
                                                                 @click="checked('buildingNumber;楼号单元')"/><span>楼号单元</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayHouse('houseAddress;房屋位置')" enabled="isEnable(item)"
                                                                 @click="checked('houseAddress;房屋位置')"/><span>房屋位置</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayHouse('area;面积')" enabled="isEnable(item)"
                                                                 @click="checked('area;面积')"/><span>面积</span></td>

                <td class="td-title"  >  <input type="checkbox" :checked="isArrayHouse('housesProperty;产权年限')" enabled="isEnable(item)"
                                                                  @click="checked('housesProperty;产权年限')"/><span>产权年限</span></td>

                <td class="td-title"  > <input type="checkbox" :checked="isArrayHouse('state;状态')" enabled="isEnable(item)"
                                               @click="checked('state;状态')"/><span>状态</span></td>
            </tr>
            <tr>

                <td class="td-title"  >  <input type="checkbox" :checked="isArrayHouse('transfer;是否过户')" enabled="isEnable(item)"
                                                                  @click="checked('transfer;是否过户')"/><span>是否过户</span></td>

                <td class="td-title"  >   <input type="checkbox" :checked="isArrayHouse('estimatePrice;评估价格')" enabled="isEnable(item)"
                                                                   @click="checked('estimatePrice;评估价格')"/><span>评估价格</span></td>

                <td class="td-title"  >  <input type="checkbox" :checked="isArrayHouse('replacementPrice;置换价格')" enabled="isEnable(item)"
                                                                  @click="checked('replacementPrice;置换价格')"/><span>置换价格</span></td>

                <td class="td-title"  >  <input type="checkbox" :checked="isArrayHouse('sellPrice;出售价格')" enabled="isEnable(item)"
                                                                  @click="checked('sellPrice;出售价格')"/><span>出售价格</span></td>


                <td class="td-title"  > <input type="checkbox" :checked="isArrayHouse('remark;备注')" enabled="isEnable(item)"
                                                                 @click="checked('remark;备注')"/><span>备注</span></td>

                <td class="td-title"  ></td>
                <td class="td-title"  ></td>
                <td class="td-title"  ></td>
            </tr>

        </table>
        <div class="south no-print" style="height:50px;line-height:50px;text-align:center;">
            <input type="button" style="margin-left:20px;" value="确认导出" class="btn btn-primary btn-sm"
                   @click="exportGet">
        </div>
    </div>
</section>
<script src="https://file.ggxqce.com/web/jquery-2.2.3.min.js"></script>
<!--插件JS-->
<script src="https://file.ggxqce.com/web/bootstrap.min.js"></script>
<!--框架已定义 JS-->
<script src="/dist/js/app_iframe.js?t=7e54a132"></script>
<!--oa自定义  JS-->
<script src="/dist/js/oa.js?t=54c6b89c"></script>
<script src="https://file.ggxqce.com/web/vue.min.js"></script>
<script type="text/javascript" src="/dist/plugins/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="/dist/plugins/lhgdialog/lhgdialog.min.js?self=true"></script>
<script src="/dist/plugins/webuploader-0.1.5/webuploader.min.js"></script>
<script type="text/javascript">
    var api = frameElement.api, W = api.opener;
    var app = new Vue({
        el: '#app',
        data: {
            isCheckedAll: false,
            isCheckedAll1: false,
            isCheckedAll2: false,
            isCheckedAll3: false,
            isCheckedAll4: false,
            fields: [],
            fields1: [],
            fields2: [],
            fields3: [],
            fields4: [],
            userId: $.wyui.page.urlParams.userId,
            customerKey: $.wyui.page.urlParams.customerKey,
            auditFlag: $.wyui.page.urlParams.auditFlag,
            haveSettle: $.wyui.page.urlParams.haveSettle,
            selectCom: $.wyui.page.urlParams.selectCom,
            haveDelivery: $.wyui.page.urlParams.haveDelivery,
            list: [
                'contractNo;合同编号', 'createUserName;操作员', 'buyer;客户名称', 'buyerTaxNo;身份证号(税号)', 'buyerTel;联系电话', 'buyerAddress;地址', 'legalRepresentativeName;法人姓名', 'legalRepresentativeTel;法人电话', 'guarantor;担保人(一)', 'guarantorTaxNo;身份证号', 'guarantorTel;担保人电话', 'guarantorAddress;担保人地址', 'deliveryDate;交车日期', 'deliveryAddress;交车地址', 'regionName;区域', 'regionManagerName;区域经理', 'bigRegionManagerName;大区经理', 'regionDirectorName;区域总监', 'brandName;品牌', 'deviceType;设备类型', 'modelName;型号', 'serialNo;序列号', 'salesPrice;销售价格', 'buyType;付款方式', 'financeCompany;融资公司', 'loanTerm;融资期限', 'downPayment;首付比列', 'getSalesTotal;首付款合计', 'dkSumInterest;利息金额', 'haveReplacement;以旧换新', 'replacementsName;置换类型', 'priceOffer;价格优惠说明', 'jbrandName;旧机品牌', 'jreplacementType;设备类型', 'jmodelName;型号', 'jsequence;序列号', 'jestimatePrice;评估价格', 'jreplacementPrice;置换价格', 'jsellPrice;出售价格', 'jreplacementSubsidy;置换补贴', 'replacementType;房屋类型', 'storeAddress;所在地', 'houseName;房屋名称', 'buildingNumber;楼号单元', 'houseAddress;房屋位置', 'area;面积',  'housesProperty;产权年限', 'state;状态', 'transfer;是否过户', 'estimatePrice;评估价格', 'replacementPrice;置换价格', 'sellPrice;出售价格', 'remark;备注'
            ],
            basicList: ['contractNo;合同编号', 'createUserName;操作员', 'buyer;客户名称', 'buyerTaxNo;身份证号(税号)', 'buyerTel;联系电话', 'buyerAddress;地址', 'legalRepresentativeName;法人姓名', 'legalRepresentativeTel;法人电话', 'guarantor;担保人(一)', 'guarantorTaxNo;身份证号', 'guarantorTel;担保人电话', 'guarantorAddress;担保人地址'],
            deviceList: ['deliveryDate;交车日期', 'deliveryAddress;交车地址', 'regionName;区域', 'regionManagerName;区域经理', 'bigRegionManagerName;大区经理', 'regionDirectorName;区域总监', 'brandName;品牌', 'deviceType;设备类型', 'modelName;型号', 'serialNo;序列号', 'salesPrice;销售价格', 'buyType;付款方式', 'financeCompany;融资公司', 'loanTerm;融资期限', 'downPayment;首付比列', 'getSalesTotal;首付款合计', 'dkSumInterest;利息金额', 'haveReplacement;以旧换新', 'replacementsName;置换类型', 'priceOffer;价格优惠说明'],
            oldList: ['jbrandName;旧机品牌', 'jreplacementType;设备类型', 'jmodelName;型号', 'jsequence;序列号', 'jestimatePrice;评估价格', 'jreplacementPrice;置换价格', 'jsellPrice;出售价格', 'jreplacementSubsidy;置换补贴'],
            houseList: ['replacementType;房屋类型', 'storeAddress;所在地', 'houseName;房屋名称', 'buildingNumber;楼号单元', 'houseAddress;房屋位置', 'area;面积',  'housesProperty;产权年限', 'state;状态', 'transfer;是否过户', 'estimatePrice;评估价格', 'replacementPrice;置换价格', 'sellPrice;出售价格', 'remark;备注'],
        },
        watch: {
            isCheckedAll: function (isCheck) {
                if (isCheck) {
                    for (var i = 0; i < this.list.length; i++) {
                        var item = this.list[i];
                        item.checked = this.isCheckedAll;
                        this.fields.push(item);
                    }

                } else {
                    this.fields = [];
                    for (var i = 0; i < this.list.length; i++) {
                        var item = this.list[i];
                        item.checked = this.isCheckedAll;
                    }
                }
            },
            isCheckedAll1: function (isCheck) {
                if (isCheck) {
                    for (var i = 0; i < this.basicList.length; i++) {
                        var item = this.basicList[i];
                        item.checked = this.isCheckedAll1;
                        this.fields1.push(item);
                    }

                } else {
                    this.fields1 = [];
                    for (var i = 0; i < this.basicList.length; i++) {
                        var item = this.basicList[i];
                        item.checked = this.isCheckedAll1;
                    }
                }
            },
            isCheckedAll2: function (isCheck) {
                if (isCheck) {
                    for (var i = 0; i < this.deviceList.length; i++) {
                        var item = this.deviceList[i];
                        item.checked = this.isCheckedAll2;
                        this.fields2.push(item);
                    }

                } else {
                    this.fields2 = [];
                    for (var i = 0; i < this.deviceList.length; i++) {
                        var item = this.deviceList[i];
                        item.checked = this.isCheckedAll2;
                    }
                }
            },
            isCheckedAll3: function (isCheck) {
                if (isCheck) {
                    for (var i = 0; i < this.oldList.length; i++) {
                        var item = this.oldList[i];
                        item.checked = this.isCheckedAll3;
                        this.fields3.push(item);
                    }

                } else {
                    this.fields3 = [];
                    for (var i = 0; i < this.oldList.length; i++) {
                        var item = this.oldList[i];
                        item.checked = this.isCheckedAll3;
                    }
                }
            },
            isCheckedAll4: function (isCheck) {
                if (isCheck) {
                    for (var i = 0; i < this.houseList.length; i++) {
                        var item = this.houseList[i];
                        item.checked = this.isCheckedAll4;
                        this.fields4.push(item);
                    }

                } else {
                    this.fields4 = [];
                    for (var i = 0; i < this.houseList.length; i++) {
                        var item = this.houseList[i];
                        item.checked = this.isCheckedAll4;
                    }
                }
            }
        },
        methods: {
            checked: function (item) {
                var that = this;
                if ($.inArray(item, that.fields) > -1) {
                    // 如果已经包含了该id, 则去除(单选按钮由选中变为非选中状态)
                    console.log(that.fields.length)
                    for (var i = 0; i < that.fields.length; i++) {
                        if (that.fields[i] == item) {
                            that.fields.splice(i, 1);
                            console.log(that.fields)
                        }
                    }
                } else {
                    // 选中该checkbox
                    that.fields.push(item)
                }
            },
            isArray: function (id) {
                var that = this;
                if ($.inArray(id, that.fields) > -1) {
                    // 如果已经包含了该id, 则去除(单选按钮由选中变为非选中状态)
                    return true;
                } else {
                    // 选中该checkbox
                    return false;
                }
            },
            isArrayBasic: function (id) {
                var that = this;
                if ($.inArray(id, that.fields1) > -1) {
                    // 如果已经包含了该id, 则去除(单选按钮由选中变为非选中状态)
                    return true;
                } else {
                    // 选中该checkbox
                    return false;
                }
            },
            isArrayDevice: function (id) {
                var that = this;
                if ($.inArray(id, that.fields2) > -1) {
                    // 如果已经包含了该id, 则去除(单选按钮由选中变为非选中状态)
                    return true;
                } else {
                    // 选中该checkbox
                    return false;
                }
            },
            isArrayOld: function (id) {
                var that = this;
                if ($.inArray(id, that.fields3) > -1) {
                    // 如果已经包含了该id, 则去除(单选按钮由选中变为非选中状态)
                    return true;
                } else {
                    // 选中该checkbox
                    return false;
                }
            },
            isArrayHouse: function (id) {
                var that = this;
                if ($.inArray(id, that.fields4) > -1) {
                    // 如果已经包含了该id, 则去除(单选按钮由选中变为非选中状态)
                    return true;
                } else {
                    // 选中该checkbox
                    return false;
                }
            },
            isEnable: function (item) {
                return true;
            },
            exportGet: function () {
                var that = this;

                for (var i=0;i<that.fields1.length;i++){
                    that.fields.push(that.fields1[i])
                }
                for (var i=0;i<that.fields2.length;i++){
                    that.fields.push(that.fields2[i])
                }
                for (var i=0;i<that.fields3.length;i++){
                    that.fields.push(that.fields3[i])
                }
                for (var i=0;i<that.fields4.length;i++){
                    that.fields.push(that.fields4[i])
                }
               var fieldList = that.fields.join(",");
                console.log(fieldList)
                $('#ifExprot').attr('src', server.ip
                    + "/contractMain/getDownByCondition.json"
                    + '?userId=' + that.userId
                    + '&customerKey=' + that.customerKey
                    + '&auditFlag=' + that.auditFlag
                    + '&haveSettle=' + that.haveSettle
                    + '&selectCom=' + that.selectCom
                    + '&haveDelivery=' + that.haveDelivery
                    + '&fieldList=' + fieldList
                );
                setTimeout(function () {
                     App.unblockUI('#app');
                    api.close();
                }, 4000)
              //  return false;
            }


        },
        mounted: function () {

        }
    });

</script>
</body>
</html>